input{color: #333;}
input::placeholder{color: #999;}
input[type="file"]::-webkit-file-upload-button {display: none;}
a{-webkit-tap-highlight-color:transparent;}
/*  */
.header_fix {position: fixed;top: 0;left: 0;right: 0;z-index: 9;transition: all ease-in .2s;background-color: var(--white);}
.header_fix.active{background-color: rgba(0, 0, 0, .8);}
.header{height: 94px;color: #333;max-width: 1440px;margin: 0 auto;}
.header .icon_logo{width: 181px;height: 40px;display: block;object-fit: contain;-o-object-fit: contain;}
.header a.icon_logo{margin-right: auto;}
.header .navs{width: 867px;}
.header .navs a{display: block;margin: 0 15px;white-space: nowrap;position: relative;}
.header .navs a.active::after{content: "";display: block;width: 50%;height: 2px;background: var(--normal);position: absolute;left: 0;right: 0;bottom: -10px;margin: auto;}

.header .login_btn{width: 70px;line-height: 30px;text-align: center;height: 32px;background: var(--white);border-radius: 2px 2px 2px 2px;opacity: 1;border: 1px solid var(--normal);color: var(--normal);}
.header .register_btn{width: 70px;line-height: 30px;text-align: center;height: 32px;background: var(--normal);border-radius: 2px 2px 2px 2px;opacity: 1;border: 1px solid var(--normal);color: var(--white);}
.header .login_btn2{width: 70px;line-height: 30px;height: 32px;opacity: 1;}
.header .register_btn2{width: 70px;line-height: 30px;height: 32px;opacity: 1;}
.header .user_box {position: relative;cursor: pointer;}
.header .user_box {position: relative;cursor: pointer;}
.header .user_box .avatar{width: 30px;height: 30px;border-radius: 50%;object-fit: cover;object-fit: cover;}
.header .user_name::after{content: "";display: block;width: 15px;height: 9px;background: url(../static/icon/arrow_down2.png) no-repeat center;background-size: 100%;margin-left: 10px;}
.header .user_name span{max-width: 100px;}
.header .quit_box{width: 0;height: 0;background: #FFFFFF;box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.06);border-radius: 6px;position: absolute;left: 0;right: 0;top: 50px;margin: auto;overflow: hidden;}
.header .quit_box.show{width: 166px;height: 62px;}
.header .quit_box::before{content: "";display: block;width: 16px;height: 17px;background: url(../static/icon/icon_out.png) no-repeat center;background-size: 100%;margin-right: 10px;}
/*  */
.footer{background-color: #001123;padding-top: 40px;}
.footer_box{padding: 0 50px;}
.footer .footer_item{width: 160px;}
.footer .footer_item a{display: block;color: var(--white);}
.footer .img_code{width: 136px;height: 136px;object-fit: contain;-o-object-fit: contain;}
.footer .copyright_box{height: 80px;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 10px;color: rgba(255,255,255,0.45);}
.footer .icon_loog_f{width: 187px;height: 29px;margin-right: 40px;}
.footer .icon_bitmap{width: 22px;height: 24px;}
.footer .fs12.pb10:nth-child(3)::before{content: "";display: block;background: url(../static/icon/f1.png) no-repeat center;background-size: 100%;width: 15px;height: 15px; margin-right: 5px;}
.footer .fs12.pb10:nth-child(4)::before{content: "";display: block;background: url(../static/icon/f3.png) no-repeat center;background-size: 100%;width: 15px;height: 10px;margin-right: 5px;}
.footer .fs12.pb10:nth-child(5)::before{content: "";display: block;background: url(../static/icon/f2.png) no-repeat center;background-size: 100%;width: 13px;height: 17px;margin-right: 7px;}
/*  */
.content{padding-top: 94px;}
.m1440{max-width: 1440px;margin: 0 auto;}
.bread_nav{height: 82px;background: var(--gray);}
.bread_nav .bread{width: 1440px;margin: 0 auto;}
/* 首页 */
.index .swiper{max-width: 1920px;margin: 0 auto;overflow: hidden;}
.index .title{padding: 70px 0 34px;}
.index .exhibit_list{max-width: 144;margin-bottom: 10px;}
.index .exhibit_list li{width: calc((100% - 120px) / 4);margin-right: 40px;}
.index .exhibit_list li:nth-of-type(4n){margin-right: 0;}
.index .exhibit_list li .img_box{width: 100%;height: 240px;overflow: hidden;border-radius: 2px 2px 0 0;}
.index .exhibit_list img{width: 100%;height: 240px;object-fit: cover;-o-object-fit: cover;display: block;transition: all ease .5s;}
.index .exhibit_list li:hover img{transform: scale(1.1);height: 240px;}
.index .exhibit_list .box{padding: 20px 24px 32px;background: var(--white);box-shadow: 0px 8px 32px 1px rgba(105,123,140,0.06);border-radius: 0 0 2px 2px;overflow: hidden;}
.index .img_example{display: block;}
.index .know_more{width: 160px;height: 56px;background: var(--normal);border-radius: 2px;line-height: 56px;text-align: center;color: var(--white);display: block;margin: 72px auto 84px;transition: all ease .5s;}
.index .know_more:hover{background-color: var(--white);color: var(--normal);border: 1px solid var(--normal);}
.index .goods_process{margin-bottom: 70px;}
.index .goods_process a{width: 177px;height: 68px;background: var(--white);border-radius: 8px 0 0 8px;border: 1px solid #EEEEEE;text-align: center;line-height: 66px;letter-spacing: 4px;transition: all ease .5s;}
.index .goods_process a:nth-of-type(2){border-radius: 0 8px 8px 0;}
.index .goods_process a:hover,
.index .goods_process a.active{background-color: var(--normal);color: var(--white);border-color: var(--normal);}
.index .img_process{display: block;margin: 0 auto;}
.index .qa_list li{padding: 60px 32px;line-height: 24px;cursor: pointer;border-bottom: 1px solid #EFEFEF;}
.index .qa_list .ques::after{display: block;content: "";width: 20px;height: 11px;background: url(../static/icon/icon_arrowd.png) no-repeat center;background-size: 100%;}
.index .qa_list .ans{height: 0;overflow: hidden;}
.index .qa_list li:hover,
.index .qa_list li.show{background-color: var(--gray);}
.index .qa_list li.show .ques::after{background-image: url(../static/icon/icon_arrowu.png);}
.index .qa_list li.show .ans{height: auto;margin-top: 26px;}
.index .about_us{padding: 80px 0;}
.index .about_us .know_more{margin-bottom: 0;margin-top: 70px;}
.index .about_box{padding: 50px 60px;background: var(--white);box-shadow: 0px 8px 32px 1px rgba(105,123,140,0.1);border-radius: 15px;margin-top: 55px;}
.index .img_about{width: 440px;height: 330px;object-fit: cover;-o-object-fit: cover;margin-left: 130px;}
.index .img_banner{display: block;margin: 0 auto;height: 100%;object-fit: cover;-o-object-fit: cover;}
.dialog_body .code_wrap{width: 546px;padding: 30px 30px 40px;background: var(--white);border-radius: 4px;}
.dialog_body .icon_close{width: 13px;height: 13px;position: absolute;right: 30px;top: 38px;cursor: pointer;}
.dialog_body .code_input{width: 370px;height: 50px;background: var(--white);border: 1px solid #DADADA;padding: 0 10px;}
.dialog_body .cancel_sure div{width: 100px;height: 42px;border-radius: 2px;border: 1px solid var(--normal);line-height: 40px;text-align: center;color: var(--normal);cursor: pointer;}
.dialog_body .cancel_sure div:last-child{width: 100px;height: 42px;border-radius: 2px;border: 1px solid var(--normal);line-height: 40px;text-align: center;color: var(--white);background-color: var(--normal);margin-left: 20px;}
/* 详情 */
.detail .mySwiper2{width: 580px;height: 520px;overflow: hidden;}
.detail .mySwiper2 img{width: 580px;height: 520px;object-fit: cover;-o-object-fit: cover;}
.detail .mySwiper{width: 510px;overflow: hidden;height: 170px;margin: 0 auto ;position: relative;padding: 20px 0 60px;}
.detail .mySwiper img{width: 90px;height: 90px;object-fit: cover;-o-object-fit: cover;}
.detail .mySwiper .swiper-slide{opacity: .3;}
.detail .mySwiper .swiper-slide.swiper-slide-active{opacity: 1;}
.detail .thumb_box{position: relative;}
.detail .thumb_box .swiper-button-next,
.detail .thumb_box .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);width: 18px;height: 29px;background-size: 100% 100%;color: transparent;}
.detail .thumb_box .swiper-button-next{right: 0;background-image: url(../static/icon/arrow_right.png);}
.detail .thumb_box .swiper-button-prev{left: 0;background-image: url(../static/icon/arrow_left.png);}
.detail .price_box{height: 82px;line-height: 82px;background: var(--gray);}
.detail .letter{text-align: justify;text-align-last: justify;width: 60px;display: block;}
.detail .num_buy{padding-top: 120px;}
.detail .num_box{width: 130px;height: 56px;border: 1px solid #DADADA;text-align: center;}
.detail .plus,.detail .minus{width: 25px;height: 27px;line-height: 27px;border-left: 1px solid #DADADA;border-bottom: 1px solid #DADADA;display: block;background-color: #F1F1F1;cursor: pointer;}
.detail .minus{border-bottom: 1px solid transparent;}
.detail .buy_now{width: 170px;height: 56px;background: var(--normal);margin-left: 20px;cursor: pointer;color: var(--white);line-height: 56px;text-align: center;letter-spacing: 4px;border-radius: 2px;}
.detail .introduce{width: 1445px;height: 50px;background: var(--gray);margin-bottom: 40px;}
.detail .introduce div{width: 146px;height: 50px;color: var(--white);line-height: 50px;text-align: center;background: var(--normal);}
.detail .intro_detail{white-space: pre-line;padding-bottom: 80px;}
.detail .intro_detail a{color:blue;}
/* 填写信息 */
.write_info{padding-bottom: 80px;}
.write_info .box{border: 1px solid #DADADA;padding: 30px 30px 40px;}
.write_info .goods_info{padding: 30px;background-color: var(--gray);margin-bottom: 40px;}
.write_info .img_about{width: 178px;height: 178px;object-fit: cover;-o-object-fit: cover;}
.write_info .info_detail{height: 178px;}
.write_info .num_price{width: 100%;}
.write_info .border{border-top: 1px solid #DADADA;}
.write_info .info_title{width: 300px;padding-left: 15px;}
.write_info .info_title.must{position: relative;}
.write_info .info_title.must::before{content: "*";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 18px;color: var(--red);}
.write_info .name_box{border: 1px solid #DADADA;padding: 30px;}
.write_info .target{width: 44px;height: 19px;line-height: 19px;text-align: center;font-size: 12px;color: var(--white);background: rgba(253,28,28,0.85);border-radius: 2px;}
.write_info .use_other{cursor: pointer;}
.write_info .choose_date{width: 286px;height: 50px;background: var(--white);border: 1px solid #DADADA;padding: 0 25px 0 18px;position: relative;}
.write_info .line{width: 26px;border-top: 1px solid #1C1C1C;}
.write_info .name_right{width: 658px;}
.write_info .disclosure{width: 658px;height: 160px;background: var(--white);border: 1px solid #DADADA;resize: none;padding: 16px 18px;}
.write_info .disclosure::placeholder{color: #999;}
.write_info .tips{width: 902px;}
.write_info .input_rec{width: 372px;height: 50px;background: var(--white);border: 1px solid #DADADA;padding: 0 18px;line-height: 50px;}
.write_info .icon_check{width: 22px;height: 22px;margin-right: 10px;}
.write_info .agree_box{padding:10px 0 20px;cursor: pointer;}
.write_info .agree_box::before{content: "";display: block;width: 22px;height: 22px;background:url(../static/icon/icon_check.png) no-repeat center;background-size: 100%;border-radius: 50%;margin-right: 10px;}
.write_info .agree_box.on::before{background-image: url(../static/icon/icon_check-on.png);}
.write_info .price_detail{background: var(--gray);padding: 30px 40px 40px;}
.write_info .price{width:auto;display: block;}
.write_info .submit{width: 170px;height: 56px;background: var(--normal);border-radius: 2px;line-height: 56px;text-align: center;color: var(--white);letter-spacing: 2px;margin-top: 40px;margin-left: auto;cursor: pointer;}
.dialog_body .name_pop{width: 1116px;background: #FFFFFF;border-radius: 4px;}
.dialog_body .name_title{height: 88px;border-bottom: 1px solid #DADADA;padding: 0 30px 0 32px;}
.dialog_body .icon_close{width: 13px;height: 13px;display: block;cursor: pointer;}
.dialog_body .agreePop_box::before{content: "";display: block;width: 22px;height: 22px;background:url(../static/icon/icon_check.png) no-repeat center;background-size: 100%;border-radius: 50%;margin-right: 20px;}
.dialog_body .agreePop_box.on::before{background-image: url(../static/icon/icon_check-on.png);}
.dialog_body .cirticle_list{padding: 40px 30px 30px 32px;max-height: 50vh;overflow-y: scroll;}
.dialog_body .cirticle_list li{cursor: pointer;margin-bottom: 30px;position: relative;}
.dialog_body .cirticle_box{width: 1012px;border: 1px solid #DADADA;padding: 30px 20px;}
.dialog_body .cirticle_list li .default{position: absolute;right: 30px;bottom: 30px;width: 44px;
height: 19px;background: rgba(253, 28, 28, 0.85);border-radius: 2px;font-size: 12px;color: var(--white);text-align: center;line-height: 19px;}
.dialog_body .sure_add{padding-left: 74px;padding-right: 30px;padding-bottom: 60px;}
.dialog_body .sure_add .sure{width: 140px;height: 50px;line-height: 50px;text-align: center;color: var(--white);background: var(--normal);border-radius: 2px;}
.dialog_body .sure_add .add{width: 120px;height: 40px;border-radius: 2px;border: 1px solid var(--normal);text-align: center;line-height: 38px;color: var(--normal);}
/* 提交订单 */
.submit_order .order_title{height: 103px;}
.submit_order .order_title .fwb{line-height: 28px;}
.submit_order .box{border: 1px solid #DADADA;padding-bottom: 40px;}
.submit_order .box .title{line-height: 88px;}
.submit_order .goods_info{padding: 30px;background-color: var(--gray);margin-bottom: 40px;}
.submit_order .img_about{width: 178px;height: 178px;object-fit: cover;-o-object-fit: cover;}
.submit_order .info_detail{height: 178px;}
.submit_order .num_price{width: 100%;}
.submit_order .line{margin: 0 30px;height: 1px;background-color: #DADADA;}
.submit_order .saler span{width: 56px;text-align: justify;text-align-last: justify;}
.submit_order .already_pay{width: 170px;height: 56px;line-height: 56px;text-align: center;color: var(--white);background: rgba(253,28,28,0.85);border-radius: 2px;letter-spacing: 2px;margin-left: auto;margin-top: 70px;margin-bottom: 90px;cursor: pointer;}
/* 我的订单 */
.my_order .nav_box{margin-top: 10px;height: 85px;line-height: 85px;}
.my_order .nav_box div{margin-right: 50px;display: block;font-size: 18px;cursor: pointer;}
.my_order .nav_box div.active{color: var(--normal);font-weight: bold;position: relative;}
.my_order .nav_box div.active::after{content: "";display: block;width: 36px;height: 2px;background: var(--normal);position: absolute;left: 0;right: 0;bottom: 20px;margin: auto;}
.my_order .status_box{padding-left: 30px;background: var(--gray);height: 70px;margin-bottom: 20px;}
.my_order .status_box div:nth-of-type(1){width: 55%;}
.my_order .status_box div:nth-of-type(2),
.my_order .status_box div:nth-of-type(3),
.my_order .status_box div:nth-of-type(4){width: 15%;text-align: center;}
.my_order .order_list li{border: 1px solid #DADADA;cursor: pointer;}
.my_order .num_date{height: 71px;background: var(--gray);padding-left: 32px;font-size: 18px;}
.my_order .img_about{width: 178px;height: 178px;}
.my_order .order_list li .title{height: 178px;}
.my_order .order_list li .num{padding-top: 47px;}
.my_order .order_list li .goods_info{width: 55%;padding: 30px 0 30px 32px;}
.my_order .order_list li .fifteen{width: 15%;text-align: center;}
.my_order .already_pay{width: 120px;height: 44px;line-height: 44px;background: rgba(253,28,28,0.85);border-radius: 2px;margin: 0 auto 8px;color: var(--white);letter-spacing: 2px;display: block;cursor: pointer;}
.my_order .cancel_order{cursor: pointer;display: block;}
.my_order .edit_info{width: 120px;height: 44px;line-height: 42px;text-align: center;letter-spacing: 2px;border-radius: 2px;color: var(--normal);margin: 0 auto 8px;border: 1px solid var(--normal);display: block;}
.my_order .btns{width: 150px;height: 32px;line-height: 30px;text-align: center;background: #F5F5F5;border-radius: 2px;border: 1px solid #D2D2D2;margin: 0 auto 12px;cursor: pointer;display: block;font-size: 20px;}
.my_order .del_order{letter-spacing: 1px;}
/* 订单详情 */
.order_detail .status_box{border: 1px solid #DADADA;margin: 40px 0 30px;}
.order_detail .status_left{width: 510px;border-right: 1px solid #DADADA;padding-bottom: 32px;height: 343px;}
.order_detail .order_num{padding: 40px 0 66px;}
.order_detail .already_pay{width: 110px;height: 32px;line-height: 32px;background: rgba(253,28,28,0.85);border-radius: 2px;margin: 0 auto 8px;color: var(--white);letter-spacing: 2px;display: block;cursor: pointer;margin-bottom: 70px;}
.order_detail .cancel_order{cursor: pointer;}
.order_detail .cancel_order::before{content: "";display: block;width: 25px;height: 25px;background: url(../static/icon/icon_cancel.png) no-repeat center;width: 25px;height: 25px;margin-right: 10px;}
.order_detail .status_right{padding-left: 60px;padding-right: 55px;}
.order_detail .status_three{padding-top: 65px;}
.order_detail .status_three .status{width: 96px;height: 44px;background-repeat: no-repeat;background-size: 44px 44px;background-position: center;position: relative;}
.order_detail .status_three .status.status1{background-image: url(../static/icon/icon_status1.png);}
.order_detail .status_three .status.status2{background-image: url(../static/icon/icon_status2.png);}
.order_detail .status_three .status.status3{background-image: url(../static/icon/icon_status3.png);}
.order_detail .status_three .status.status1.active{background-image: url(../static/icon/icon_status1-on.png);}
.order_detail .status_three .status.status2.active{background-image: url(../static/icon/icon_status2-on.png);}
.order_detail .status_three .status.status3.active{background-image: url(../static/icon/icon_status3-on.png);}
.order_detail .status_three .line{width: 256px;border-top: 1px solid #DADADA;margin: 0 30px 100px;position: relative;}
.order_detail .status_three .line::after{content: "";display: block;width: 14px;height: 13px;background: url(../static/icon/arrow5.png) no-repeat center;background-size: 100%;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);}
.order_detail .status_three .status.status1 span{display: block;font-size: 16px;color: #999;position: absolute;text-align: center;margin: auto;bottom: -45px;width: 100%;}
.order_detail .status_three .status.status2 span{display: block;font-size: 16px;color: #999;position: absolute;text-align: center;margin: auto;bottom: -45px;width: 100%;}
.order_detail .status_three .status.status3 span{display: block;font-size: 16px;color: #999;position: absolute;text-align: center;margin: auto;bottom: -45px;width: 100%;}
.order_detail .status_three .status.active span{color: #000;}
.order_detail .date_three{padding-top: 78px;letter-spacing: 1px;height: 120px;}
.order_detail .box{border: 1px solid #DADADA;padding: 30px 30px 40px;}
.order_detail .goods_info{padding: 30px;background-color: var(--gray);margin-bottom: 40px;}
.order_detail .img_about{width: 178px;height: 178px;object-fit: cover;-o-object-fit: cover;}
.order_detail .info_detail{height: 178px;}
.order_detail .num_price{width: 100%;}
.order_detail .border{border-top: 1px solid #DADADA;}
.order_detail .info_title{width: 300px;padding-left: 15px;}
.order_detail .name_box{border: 1px solid #DADADA;padding: 30px;}
.order_detail .target{width: 44px;height: 19px;line-height: 19px;text-align: center;font-size: 12px;color: var(--white);background: rgba(253,28,28,0.85);border-radius: 2px;}
.order_detail .use_other{cursor: pointer;}
.order_detail .choose_date{width: 286px;height: 50px;background: var(--white);border: 1px solid #DADADA;padding: 0 25px 0 18px;position: relative;}
.order_detail .line{width: 26px;border-top: 1px solid #1C1C1C;}
.order_detail .name_right{width: 658px;}
.order_detail .disclosure{width: 658px;height: 160px;background: var(--white);border: 1px solid #DADADA;resize: none;padding: 16px 18px;}
.order_detail .disclosure::placeholder{color: #999;}
.order_detail .tips{width: 902px;}
.order_detail .input_rec{width: 372px;height: 50px;background: var(--white);border: 1px solid #DADADA;padding: 0 18px;line-height: 50px;}
.order_detail .price_detail{background: var(--gray);padding: 30px 40px 40px;margin-top: 40px;}
.order_detail .price{width: auto;display: block;}
.order_detail .submit{width: 170px;height: 56px;background: var(--normal);border-radius: 2px;line-height: 56px;text-align: center;color: var(--white);letter-spacing: 2px;margin-top: 40px;margin-left: auto;}
.order_detail .saler span{width: 56px;text-align: justify;text-align-last: justify;}
.dialog_body .cancel_wrap{width: 374px;background: var(--white);border-radius: 4px;position: relative;padding:44px 0 37px;}
.dialog_body .icon_close{width: 13px;height: 13px;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.dialog_body .icon_cancel2{width: 82px;height: 82px;display: block;margin: 0 auto;}
.dialog_body .btns div{width: 100px;height: 36px;line-height: 34px;text-align: center;background: var(--white);border-radius: 2px;border: 1px solid var(--normal);color: var(--normal);margin: 0 17px;letter-spacing: 2px;cursor: pointer;}
.dialog_body .btns div:last-child{background-color: var(--normal);color: var(--white);}
.order_detail .letter2{letter-spacing: 2px;}
.order_detail .edit_info{width: 110px;height: 32px;border-radius: 2px;border: 1px solid var(--normal);color: var(--normal);line-height: 30px;text-align: center;letter-spacing: 2px;margin: 0 auto 10px;}
.order_detail .agree_box{padding: 30px 0 0;cursor: pointer;}
.order_detail .agree_box::before{content: "";display: block;width: 22px;height: 22px;background:url(../static/icon/icon_check.png) no-repeat center;background-size: 100%;border-radius: 50%;margin-right: 10px;}
.order_detail .agree_box.on::before{background-image: url(../static/icon/icon_check-on.png);}
.order_detail .info_title.must{position: relative;}
.order_detail .info_title.must::before{content: "*";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 18px;color: var(--red);}
.order_detail .generate{width: 110px;height: 32px;background: #F5F5F5;border-radius: 2px;border: 1px solid #D2D2D2;letter-spacing: 2px;line-height: 30px;text-align: center;margin: 0 auto 10px;cursor: pointer;display: block;}
/* 我的证书 */
.cir_bg{width: 100%;height: 500px;object-fit: cover;-o-object-fit: cover;}
.my_cir .cir_list{padding-top: 34px;}
.my_cir .cir_list li{width: calc((100% - 124px) / 3);margin-right: 62px;padding-bottom: 50px;}
.my_cir .cir_list li:nth-of-type(3n){margin-right: 0;}
.my_cir .cir_list .certificate{width: 100%;height: 300px;background-color: #fff;object-fit: cover;-o-object-fit: cover;}
.my_cir .cir_list .download{width: 80px;height: 30px;border-radius: 2px;border: 1px solid var(--normal);line-height: 28px;text-align: center;letter-spacing: 1px;transition: all ease .5s;}
.my_cir .cir_list .download:hover{background-color: var(--normal);color: var(--white);}
.my_cir .cir_list .multi-line{height: 42px;line-height: 21px;}
/* 个人中心 */
.personal .left_nav{width: 178px;background: #F7F9FA;border-radius: 2px;padding: 30px 0;margin-right: 40px;}
.personal .left_nav a{display: block;text-align: center;height: 60px;line-height: 60px;}
.personal .left_nav a.active,
.personal .left_nav a:hover{color: var(--normal);position: relative;}
.personal .left_nav a.active::before,
.personal .left_nav a:hover::before{display: block;content: "";width: 4px;height: 20px;background-color: var(--normal);position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}
.per_info .title{width: 157px;}
.per_info .avatar{width: 60px;height: 60px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.per_info .avatar input{width: 60px;height: 60px;cursor: pointer;background-color: #1C1C1C;border-radius: 50%;opacity: 0;}
.per_info input.phone{width: 232px;height: 31px;border: 1px solid #DFDFDF;padding-left: 20px;}
.per_info input.address{width: 374px;height: 31px;border: 1px solid #DFDFDF;padding-left: 20px;}
.per_info .border{border-bottom: 1px solid #DADADA;}
.per_info .address_list li{padding: 30px;border: 1px solid #DADADA;position: relative;margin-bottom: 20px;}
.per_info .info_left{width: 80px;text-align: right;color: #999;}
.per_info .address_list .icon_close{width: 13px;height: 13px;position: absolute;right: 20px;top: 20px;}
.per_info .address_list .edit_btn{position: absolute;right: 20px;bottom: 30px;color: var(--normal);cursor: pointer;}
.per_info .address_list .edit_btn::before{content: "";display: block;width: 17px;height: 16px;background: url(../static/icon/icon_edit.png) no-repeat center;background-size: 100%;margin-right: 10px;}
.per_info .default{position: absolute;left: 0;top: 0;width: 44px;height: 19px;background: rgba(253,28,28,0.85);border-radius: 2px;font-size: 12px;color: var(--white);text-align: center;line-height: 19px;}
.per_info .add_address{width: 120px;height: 40px;text-align: center;line-height: 38px;border-radius: 2px;border: 1px solid var(--normal);color: var(--normal);display: block;margin-left: 157px;margin-top: 30px;}
.per_info .add_certificate {padding: 0 5px;height: 30px;text-align: center;line-height: 28px;border-radius: 10px;border: 1px solid var(--normal);color: var(--normal);display: inline-block;float: right;}
.per_invoice .add_certificate {padding: 0 5px;height: 30px;text-align: center;line-height: 28px;border-radius: 10px;border: 1px solid var(--normal);color: var(--normal);display: inline-block;float: right;}
.per_info .save{width: 140px;height: 50px;line-height: 50px;background: var(--normal);border-radius: 2px;text-align: center;color: var(--white);margin-top: 60px;margin-bottom: 80px;}
.per_info .add_address.ml0{margin-left: 0;margin-bottom: 80px;}
.dialog_body .name_pop{width: 1116px;background: #FFFFFF;border-radius: 4px;}
.dialog_body .name_title{height: 88px;border-bottom: 1px solid #DADADA;padding: 0 30px 0 32px;}
.dialog_body .name_pop .icon_close{width: 13px;height: 13px;display: block;cursor: pointer;}
.dialog_body .cirticle_info{padding: 30px 30px 60px;}
.dialog_body .info_title.must::before{content: "*";color: var(--red);padding-right: 10px;}
.dialog_body .cirticle_info .input1{width: 376px;height: 50px;border: 1px solid #DFDFDF;margin: 18px 0 20px;padding: 0 10px;}
.dialog_body .cirticle_info .input2{width: 734px;height: 50px;border: 1px solid #DFDFDF;margin: 18px 0 20px;padding: 0 10px;}
.dialog_body .cirticle_info .code_btn{height: 50px;line-height: 50px;text-align: center;background-color: var(--normal);color: #fff;width: 100px;}
.dialog_body .cirticle_info .country{border: 1px solid #DFDFDF;}
.dialog_body .cirticle_info .country,
.dialog_body .cirticle_info .country_box div{width: 100%;height: 50px;padding: 0 10px;line-height: 50px;cursor: pointer;background-color: #fff;}
.dialog_body .cirticle_info .country_box div:hover{color: #fff;background-color: #DFDFDF;}
.dialog_body .cirticle_info .country_box{border-bottom: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;border-right: 1px solid #DFDFDF;}
.dialog_body .cirticle_info .select{border: none;}
.dialog_body .cirticle_info .select::after{display: block;content: "";background: url(../static/icon/icon_arrowd.png) no-repeat center;background-size: 15px auto;width: 15px;height: 15px;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}
.dialog_body .switch{width: 45px;height: 22px;cursor: pointer;background:url(../static/icon/icon_switch.png) no-repeat center;background-size: 100%;transition: all ease .5s;}
.dialog_body .switch.on{background-image: url(../static/icon/icon_switch-on.png);}
.dialog_body .name_pop .save{width: 140px;height: 50px;line-height: 50px;background: var(--normal);border-radius: 2px;text-align: center;color: var(--white);margin: 60px 0 0;cursor: pointer;}
.dialog_body .name_pop .cancel{width: 140px;height: 50px;line-height: 48px;border:1px solid var(--normal);border-radius: 2px;text-align: center;color: var(--normal);margin: 60px 0 0;cursor: pointer;}
/* 发票管理 */
.per_invoice .invoice_nav .nav{position: relative;padding-bottom: 30px;margin-right: 50px;cursor: pointer;}
.per_invoice .invoice_nav .nav.active,
.per_invoice .invoice_nav .nav:hover{color: var(--normal);}
.per_invoice .invoice_nav .nav.active::after,
.per_invoice .invoice_nav .nav:hover::after{content: "";display: block;width: 36px;height: 2px;background-color: var(--normal);position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;}
.per_invoice .maintain{padding-bottom: 30px;cursor: pointer;}
.per_invoice .maintain::before{content: "";display: block;background: url(../static/icon/icon_invoice.png) no-repeat center;background-size: 100%;width: 18px;height: 19px;margin-right: 10px;}
.per_invoice .order_list li{border: 1px solid #DADADA;}
.per_invoice .num_date{height: 71px;background: var(--gray);padding-left: 32px;font-size: 18px;}
.per_invoice .img_about{width: 178px;height: 178px;}
.per_invoice .order_list li .title{height: 178px;}
.per_invoice .order_list li .num{padding-top: 47px;}
.per_invoice .order_list li .goods_info{padding: 30px 0 30px 32px;}
.per_invoice .order_list li .fifteen{width: 15%;text-align: center;}
.per_invoice .btns{width: 150px;height: 32px;line-height: 30px;text-align: center;background: #F5F5F5;border-radius: 2px;border: 1px solid #D2D2D2;margin: 0 auto 12px;cursor: pointer;display: block;font-size: 20px;}
.per_invoice .type_box{width: 74px;height: 31px;border: 1px solid #F0F0F0;line-height: 29px;text-align: center;cursor: pointer;margin-right: 10px;}
.per_invoice .type_box.active{color: var(--normal);border-color: var(--normal);}
.per_invoice .invoice_input{width: 60%;line-height: 29px;padding-left: 20px;}
.per_invoice .invoice_input.address{width: 374px;}
.per_invoice .invoice_title{width: 100px;text-align: right;}
.per_invoice .border{border-top: 1px solid #DADADA;}
.per_invoice .name_box{border: 1px solid #DADADA;padding: 30px;}
.per_invoice .target{width: 44px;height: 19px;line-height: 19px;text-align: center;font-size: 12px;color: var(--white);background: rgba(253,28,28,0.85);border-radius: 2px;}
.per_invoice .use_other{cursor: pointer;}
.per_invoice .choose_date{width: 286px;height: 50px;background: var(--white);border: 1px solid #DADADA;padding: 0 25px 0 18px;position: relative;}
.per_invoice .name_box .invoice_title{width: 80px;}
.per_invoice .save{width: 140px;height: 50px;line-height: 50px;background: var(--normal);border-radius: 2px;text-align: center;color: var(--white);margin-top: 40px;margin-bottom: 80px;cursor: pointer;}
.per_invoice .name_pop{width: 1116px;background: #FFFFFF;border-radius: 4px;}
.per_invoice .name_title{height: 88px;border-bottom: 1px solid #DADADA;padding: 0 30px 0 32px;}
.per_invoice .name_pop .icon_close{width: 13px;height: 13px;display: block;cursor: pointer;}
.per_invoice .cirticle_info{padding: 30px 30px 60px;}
.per_invoice .info_title.must::before{content: "*";color: var(--red);padding-right: 10px;}
.per_invoice .cirticle_info .input1{width: 376px;height: 50px;border: 1px solid #DFDFDF;margin: 18px 0 20px;padding: 0 10px;}
.per_invoice .cirticle_info .input2{width: 734px;height: 50px;border: 1px solid #DFDFDF;margin: 18px 0 20px;padding: 0 10px;}
.per_invoice .switch{width: 45px;height: 22px;cursor: pointer;background:url(../static/icon/icon_switch.png) no-repeat center;background-size: 100%;transition: all ease .5s;}
.per_invoice .switch.on{background-image: url(../static/icon/icon_switch-on.png);}
.per_invoice .name_pop .save{margin: 60px 0 0;}
.dialog_body .outer{width: 376px;margin: 18px 0 20px;}
.dialog_body select{height: 48px;text-align: center;border: none;line-height: 48px;}
.dialog_body .select_box{height: 50px;width: 100%;border:1px solid #DADADA;}
.dialog_body .select_box::after{content: "";display: block;background: url(../static/icon/arrow_down2.png) no-repeat center;background-size: 100%;width: 15px;height: 9px;margin-right: 10px;}
.per_invoice .order_list .ten{width: 15%;}
.per_invoice .order_list .hundred{width: 100%;text-align: center;}
.per_invoice .invoice_info{border: 1px solid #DADADA;border-bottom: none;margin-bottom: 80px;}
.per_invoice .invoice_info .title{height: 70px;line-height: 70px;padding-left: 32px;background-color: var(--gray);}
.per_invoice .deilvery{height: 60px;line-height: 60px;border-bottom: 1px solid #DADADA;}
.per_invoice .deilvery div:first-child{border-right: 1px solid #DADADA;width: 318px;}
.per_invoice .deilvery div{padding-left: 32px;}
.dialog_body .sure_pop{width: 374px;background: var(--white);border-radius: 4px;position: relative;padding-top: 45px;padding-bottom: 37px;}
.dialog_body .sure_pop .icon_close{position: absolute;right: 20px;top: 20px;}
.dialog_body .icon_contract{width: 67px;height: 82px;display: block;margin: 0 auto 19px;}
.dialog_body .sure_cancel div{width: 100px;height: 36px;line-height: 34px;text-align: center;background: var(--white);border-radius: 2px;border: 1px solid var(--normal);color: var(--normal);margin: 0 17px;letter-spacing: 2px;cursor: pointer;}
.dialog_body .sure_cancel div:last-child{background-color: var(--normal);color: var(--white);}
/* 关于我们 */
.about_us{padding-bottom: 80px;}
.about_us .icon_left{width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);}
.about_us .years{width: 100%;}
.about_us .year_list{position: relative;height: 60px;}
.about_us .year_list::before{display: block;content: "";height: 1px;background-color: #D6D6D6;position: absolute;top: 30px;left: 30px;right: 30px;margin: auto;z-index: 1;}
.about_us .dot_box{width: 62px;position: relative;cursor: pointer;}
.about_us .dot{width: 24px;height: 24px;background: var(--white);border: 1px solid #C4C4C4;border-radius: 50%;margin: 0 auto;position: relative;z-index: 2;transition: all ease .5s;}
.about_us .dot span{color: #999;position: absolute;left: 0;right: 0;bottom: -48px;margin: auto;display: block;width: 62px;text-align: center;}
.about_us .dot_box .year{position: absolute;left: 0;right: 0;bottom: -52px;font-size: 20px;text-align: center;height: 30px;line-height: 30px;transition: all ease .5s;}
.about_us .dot_box.active .year,.about_us .dot_box:hover .year{color: var(--normal);font-size: 26px;font-weight: bold;}
.about_us .dot_box.active .dot,.about_us .dot_box:hover .dot{border-color: var(--normal);}
.about_us .about_bottom{margin-right: 70px;height: auto;}
.about_us .bottom_box{padding-top: 115px;}
.about_us .bottom_right div{padding-bottom: 30px;}
.about_us .about_top{display: block;margin: 0 auto;height: 310px;object-fit: contain;-o-object-fit: contain;}
/* 常见问题 */
.img_qa{display: block;margin: 0 auto;width: 100%;height: 500px;object-fit: cover;-o-object-fit: cover;}
/* 关于我们 */
.about_page .detail_box{padding-top: 80px;}
.about_page .img_abouttop{width: 597px;height: 481px;margin-right: 40px;}
.about_page .service_box{height: 640px;width: 100%;background: url(../static/images/img_abpage2.png) no-repeat center;background-size: cover;margin: 80px auto 0;line-height: 1;padding: 0 60px;}
.about_page .pro_ser1{padding-top: 74px;color: var(--white);padding-bottom: 20px;}
.about_page .pro_ser2{padding-bottom: 30px;color: var(--white);font-size: 46px;opacity: .3;}
.about_page .img_abpage3{width: 620px;height: 498px;margin-left: 48px;object-fit: cover;-o-object-fit: cover;}
.about_page .develop_box{background-color: var(--gray);padding: 80px 0;}
/* .about_page .dev_text{height: 498px;} */
.about_page .dev_text .detail{width: 100%;}
.about_page .swiper{overflow: hidden;position: relative;}
.about_page .next_prev{position: absolute;left: 0;bottom: 0;z-index: 2;}
.about_page .next_prev .next,
.about_page .next_prev .prev{width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);background:url(../static/icon/icon_left.png) no-repeat center;background-size: 100%;cursor: pointer;transition: all ease .5s;}
.about_page .next_prev .prev{background-image: url(../static/icon/icon_right.png);margin-left: 40px;}
.about_page .next_prev .next:hover{background-image: url(../static/icon/icon_left-on.png);}
.about_page .next_prev .prev:hover{background-image: url(../static/icon/icon_right-on.png);}
.about_page .contact_box{padding: 80px 0;}
.about_page .map_box{margin-top: 34px;position: relative;}
.about_page .contacts{padding: 30px 0 40px;border-bottom: 1px solid #EFEFEF;}
.about_page .contacts div::before{content: "";display: block;width: 44px;height: 44px;margin-right: 20px;background: url(../static/icon/icon_call.png) no-repeat center;background-size: 100%;}
.about_page .contacts div:nth-of-type(2)::before{background-image: url(../static/icon/icon_fax.png);}
.about_page .contacts div:nth-of-type(3)::before{background-image: url(../static/icon/icon_email.png);}
.about_page .contacts div:nth-of-type(4)::before{background-image: url(../static/icon/icon_msg.png);}
.about_page .contacts div:nth-of-type(1),
.about_page .contacts div:nth-of-type(2){width: 270px;}
.about_page .contacts div:nth-of-type(3){width: 400px;}
.about_page .more_contact{line-height: 1.8;}
.about_page .more_contact div:nth-of-type(1),
.about_page .more_contact div:nth-of-type(2){width: 270px;}
.about_page .more_contact div:nth-of-type(3){width: 400px;}
.about_page .map_box .prev{cursor: pointer;width: 61px;height: 61px;z-index: 2;background: url(../static/icon/icon_left2.png) no-repeat center;background-size: 100%;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}
.about_page .map_box .next{cursor: pointer;width: 61px;height: 61px;z-index: 2;background: url(../static/icon/icon_right2.png) no-repeat center;background-size: 100%;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
/* 登录 */
.login{height: calc(100vh - 181px);width: 100vw;background: url(../static/images/img_login.png) no-repeat center;background-size: cover;}
.login_box{position: absolute;top: 130px;right: 100px;width: 408px;background: #FFFFFF;border-radius: 8px;padding: 40px 30px 48px;}
.login .input_box{height: 61px;border-radius: 2px;border: 1px solid #E3E3E3;padding-left: 22px;padding-right: 20px;margin-bottom: 20px;}
.login .input_box::before{content: "";display: block;width: 26px;height: 26px;background: url(../static/icon/icon_password.png) no-repeat center;background-size: 100%;margin-right: 10px;}
.login .input_box .code{cursor: pointer;}
.login .input_box.account::before{background-image: url(../static/icon/icon_account.png);}
.login .register{height: 61px;background: var(--normal);border-radius: 2px;text-align: center;line-height: 61px;color: var(--white);margin-top: 45px;cursor: pointer;}
.login .to_register::after{content: "";display: block;width: 19px;height: 19px;background: url(../static/icon/arrow_login.png) no-repeat center;background-size: 100%;margin-left: 10px;}
/* 预览 */
.preview {background: #525659;min-height: calc(100vh - 94px);}
.preview .header_box{height: 94px;background: #323639;position: fixed;top: 0;left: 0;right: 0;}
.preview .download{width: 50px;height: 50px;background: url(../static/icon/icon_download.png) no-repeat center;background-size: 21px 25px;margin-left: auto;margin-right: 30px;cursor: pointer;}
.preview .pic_box{min-height: calc(100vh - 94px);}
/* 证书 */
/* .certificate_box{width: 700px;;height: 196px;} */
.certificate_box{width: 700px;position: fixed;top: -999em;right: -999em;height: 1960px;overflow: hidden;}
.certificate{width: 700px;}
.certificate .cer_left{width: 700px;height: 980px;}
.certificate .cer_right{width: 700px;height: 980px;}
.certificate .left_top{height: 134px;border-bottom: 1px solid #EFEFEF;width: 100%;}
.certificate .left_top::before{content: "";display: block;width: 75px;height: 75px;background: url(../static/icon/icon_cerlogo.png) no-repeat center;background-size: 100%;margin-right: 15px;}
.certificate .left_center{text-align: center;width: 100%;padding-top: 20px;}
.certificate .pertwenty{width: 20%;}
.certificate .code_box{height: 200px;background-color: #2E4A58;color: rgba(255, 255, 255, .85);text-align: center;padding-right: 0;margin-top: 20px;}
.certificate .code_box img{width: 128px;height: 128px;display: block;margin: 0 32px 0 48px;}
.certificate .right_item{width: 100%;height: 70px;border-bottom: 1px solid #EFEFEF;white-space: pre-line;}
.certificate .right_item:nth-of-type(3n){background-color: #F4F5F4;border-bottom: none;}
.certificate .notes{padding: 60px 30px 0;width: 100%;}
.certificate .notes_detail{white-space: pre-line;}
.certificate .evident{color: #28B3AE;font-size: 35px;font-weight: bold;padding-top: 20px;}
.certificate .border{width: calc(100% - 60px);border: 1px solid #000;padding: 0;margin: 30px;}
.certificate .key{letter-spacing: 10px;}
/* 预览合同 */
.contract_box{background-color: #fff;width: 796px;margin: 0 auto;padding: 70px 45px;}
.contract_box .pa{page-break-after:always;}
.contract_box .saler_buyer{padding-bottom: 90px;padding-left: 120px;}
.contract_box .title{padding-bottom: 95px;}
.contract_box .option_title{border-bottom: 1px solid #000;font-weight: bold;margin-bottom: 30px;}
.contract_box .option_title span{width: 40px;}
.contract_box .label{border: 1px solid #000;margin-bottom: 30px;font-size: 16px;}
.contract_box .label.date span{padding-left: 50px;}
.contract_box .label .border{border-bottom: 1px solid #000;}
.contract_box .label .border:last-child{border: none;}
.contract_box .label .border span{width: 150px;border-right: 1px solid #000;padding-left: 10px;margin-right: 10px;}

.voucher_pop{width: 500px;height: auto;background-color: #fff;border-radius: 10px;padding-bottom: 25px;}
.voucher_pop .title{height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #eee;}
.voucher_pop .title +.ptb10{border-bottom: 1px solid #eee;}
.voucher_pop .up_box{width: 100px;height: 100px;background-color: #F4F5F7;margin: 0 15px;position: relative;}
.voucher_pop .up_box input{width: 100px;height: 100px;opacity: 0;position: relative;z-index: 2;cursor: pointer;}
.voucher_pop .up_box::after{content: "";display: block;font-size: 16px;text-align: center;line-height: 100px;width: 100px;height: 100px;position: absolute;bottom: 0;left: 0;z-index: 1;background: url(../static/icon/camera.png) no-repeat center;background-size: 32px;}
.voucher_pop .up_voucher{margin: 15px 15px 0;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: rgba(253,28,28,0.85);cursor: pointer;}


/***自定义样式***/

	/*暂无*/

	.no_data {
		padding: 60px 0 90px;
		text-align: center;
	}

	.no_data .z_nothing {
		display: block;
		margin: 0 auto 60px;
		width: 150px;
	}

	.no_data span {
		display: block;
		font-size: 28px;
		color: #999;
	}


.up_box_list{
 position: relative;
}
.up_box_list .up_pic {
  content: "";
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 100px;
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 1;
  margin-left: 15px;
}
.up_box_list .close{
  width: 13px;height: 13px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
}
@media only screen and (max-width: 1550px) {
  .login_box{
    transform: scale(.8);
    top:55px;
  }
}
@media only screen and (max-width: 1440px) {
    .m1440{margin: 0 30px;max-width: inherit;width: calc(100vw - 60px);}
    .header{margin: 0 30px;}
    .bread_nav .bread{width: 100%;margin: 0 30px;}
    .login_box{
      transform: scale(.6);
      top: 20px;
    }
}
@media only screen and (max-width: 1200px) {
  .login_box{
    transform: scale(.6);
    
  }
}
.map_box .address_box {
  width: 364px;
  height: 105px;
  background: #ffffff;
  box-shadow: 0px 3px 20px 1px rgb(0 0 0 / 6%);
  border-radius: 10px;
  position: absolute;
  top: 4%;
  left: 6%;
  right: 0;
  margin: auto;
  bottom: 0;
  padding: 25px 30px;
  font-size: 16px;
}
.map_box .address_box div + div{
  padding-top: 5px;
}


.right_box .btn1{
  height: 30px;
  line-height: 28px;
  margin-left: 10px;
  padding: 0 10px;
  border: 1px solid var(--normal);
  cursor: pointer;
}
.right_box .btn2{
  height: 30px;
  line-height: 28px;
  margin-left: 10px;
  padding: 0 10px;
  background-color: var(--normal);
  color: var(--white);
  border: 1px solid var(--normal);
  cursor: pointer;
}


.agreement_pop{width: 70vw;background-color: #fff;padding: 30px;border-radius: 4px;}
.agreement_detail{height: 60vh;overflow-y: scroll;}
.agreement_detail::-webkit-scrollbar{display: none;}
.agreement_btn{color: var(--white);background-color: var(--normal);border-radius: 4px;height: 50px;line-height: 50px;width: 150px;text-align: center;margin: 30px auto 0;cursor: pointer;}

.right_box{min-height: calc(100vh - 94px - 112px - 361px);}

.login_type div{cursor: pointer;position: relative;width: 100px;text-align: center;}
.login_type div:hover{color: var(--normal);}
.login_type div:hover::after{content: "";display: block;width: 20px;height: 4px;background-color: var(--normal);position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.login_type div.active{color: var(--normal);}
.login_type div.active::after{content: "";display: block;width: 20px;height: 4px;background-color: var(--normal);position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}

.nocursor{cursor:default;}

.my_cir .cir_list .multi-line.cer_title{height: 60px;line-height: 30px;}